<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无序列表</title>
</head>
<body>
<!--
    一个ul标签表示一个无序列表
    type:指定列表的前缀图标样式
        disc:默认值,实心圆
        circle:空心圆
        square:实心方块
        none:没有图标
-->
<h2>电子产品</h2>
<ul type="disc">
  <li>手机</li>
  <li>电脑</li>
  <li>收音机</li>
  <li>平板电脑</li>
</ul>

<h3>水果</h3>
<ul type="circle">
  <li>苹果</li>
  <li>西瓜</li>
  <li>香蕉</li>
  <li>橘子</li>
</ul>
<h4>户外用品</h4>
<ul type="square">
  <li>帐篷</li>
  <li>折叠板</li>
  <li>折叠椅</li>
  <li>餐布</li>
</ul>
<h2>家用电器</h2>
<ul type="none">
  <li>电视</li>
  <li>空调</li>
  <li>冰箱</li>
  <li>洗衣机</li>
</ul>
</body>
</html>